<!doctype html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="vn"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="vn"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="vn"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="vn">
<!--<![endif]-->

<head>
    <meta charset="utf-8" />
    <title>Megashop</title>

    <!--js-->
    <script src="<?php echo $this->templateURL; ?>/js/jquery-1.8.2.min.js"></script>
    <script src="<?php echo $this->templateURL; ?>/js/common.js"></script>
    <script src="<?php echo $this->templateURL; ?>/js/jquery.easing.1.3.js"></script>
    <script src="<?php echo $this->templateURL; ?>/js/ddsmoothmenu.js"></script>
    <script src="<?php echo $this->templateURL; ?>/js/jquery.flexslider.js"></script>
    <script src="<?php echo $this->templateURL; ?>/js/jquery.elastislide.js"></script>
    <script src="<?php echo $this->templateURL; ?>/js/jquery.jcarousel.min.js"></script>
    <script src="<?php echo $this->templateURL; ?>/js/jquery.accordion.js"></script>
    <script src="<?php echo $this->templateURL; ?>/js/light_box.js"></script>
    
    <?php echo $this->headScript(); ?>
    
    <script type="text/javascript">
        function removeItem(id){
            $.ajax({
                type: "post",
                url: "<?php echo $this->url(array(), 'cart_delete', true); ?>",
                data: {'id' : id},
                success: function(result){
                    location.reload();
                }
            });
        }
    
        $(document).ready(function () {
            $(".inline").colorbox({
                inline: true,
                width: "50%"
            });
            
            $.ajax({
                type: "post",
                url: "<?php echo $this->url(array(), 'cart_load', true); ?>",
                success: function(result){
                    $(".cart-block").empty();
                    $(".cart-block").html(result);
                }
            });
        });
    </script>
    <!--end js-->

    <!-- Mobile Specific Metas ================================================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

    <!-- CSS ================================================== -->

    <link rel="stylesheet" href="<?php echo $this->templateURL; ?>/css/style.css" />
    <link rel="stylesheet" href="<?php echo $this->templateURL; ?>/css/colors.css" />
    <link rel="stylesheet" href="<?php echo $this->templateURL; ?>/css/skeleton.css" />
    <link rel="stylesheet" href="<?php echo $this->templateURL; ?>/css/layout.css" />
    <link rel="stylesheet" href="<?php echo $this->templateURL; ?>/css/ddsmoothmenu.css" />
    <link rel="stylesheet" href="<?php echo $this->templateURL; ?>/css/elastislide.css" />
    <link rel="stylesheet" href="<?php echo $this->templateURL; ?>/css/home_flexslider.css" />

    <link rel="stylesheet" href="<?php echo $this->templateURL; ?>/css/light_box.css" />
    <link href="../../../html5shiv.googlecode.com/svn/trunk/html5.js" />

    <?php echo $this->headLink(); ?>
    <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

    <!--[if lt IE 9]>
			<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->

</head>

<body>
    <div class="mainContainer sixteen container">
        <!--Header Block-->
        <div class="header-wrapper">
            <header class="container">
                <div class="head-right">
                    <ul class="top-nav">
                        <li class="">
                            <a href="<?php echo $this->url(array(), 'account', true); ?>" title="<?php echo $this->translate('my account'); ?>">
                                <?php echo $this->translate('my account'); ?>
                            </a>
                        </li>
                        <li class="contact-us">
                            <a href="<?php echo $this->url(array(), 'contact', true); ?>" title="<?php echo $this->translate('contact'); ?>">
                                <?php echo $this->translate('contact'); ?>
                            </a>
                        </li>
                        <li class="contact-us">
                            <a href="<?php echo $this->url(array(), 'contact_warranty', true); ?>" title="<?php echo $this->translate('warranty'); ?>">
                                <?php echo $this->translate('warranty'); ?>
                            </a>
                        </li>
                        <li class="log-in">
                            <?php
                                $auth = Zend_Registry::get('auth');
                                
                                if($auth->hasIdentity()){
                                    $url = $this->url(array(), 'account_logout', true);
                                    $text = "logout";
                                }else{
                                    $url = $this->url(array(), 'account_login', true);
                                    $text = "login";
                                }
                            ?>
                            <a href="<?php echo $url; ?>" title="<?php echo $this->translate($text); ?>">
                                <?php echo $this->translate($text); ?>
                            </a>
                        </li>
                    </ul>
                    <!--<ul class="currencyBox">
                        <li id="header_currancy" class="currency"> <a class="mainCurrency" href="#">Currency: USD</a>
                            <div id="currancyBox" class="currency_detial"> <a href="#">£</a>  <a href="#">€</a>  <a href="#">$</a> 
                            </div>
                        </li>
                    </ul>-->
                    <section class="header-bottom">
                        <div class="cart-block">
                            <ul>
                                <li><strong>(0)</strong></li>
                                <li>
                                    <a href="<?php echo $this->url(array('controller' => 'cart', 'action' => 'index'), null, true); ?>" title="Cart">
                                        <img title="Item" alt="Item" src="<?php echo $this->templateURL; ?>/images/item_icon.png" />
                                    </a>
                                </li>
                                
                            </ul>
                            <div id="minicart" class="remain_cart" style="display: none;">
                                <p class="empty">You have 2 items in your shopping cart.</p>
                                <ol>
                                    <li>
                                        <div class="img-block">
                                            <img src="<?php echo $this->templateURL; ?>/images/small_img.png" title="" alt="" />
                                        </div>
                                        <div class="detail-block">
                                            <h4>
                                                <a href="#" title="Htc Mobile 1120">
                                                    Htc Mobile 1120
                                                </a>
                                            </h4>
                                            <p>
                                                <strong>1</strong> x $900.00
                                            </p>
                                            <a href="#" title="Details">Details</a>
                                        </div>
                                        <div class="edit-delete-block">
                                            <a href="#" title="Remove">
                                                <img src="<?php echo $this->templateURL; ?>/images/delete_item_btn.png" alt="Remove" title="Remove" />
                                            </a>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="total-block">Total:<span>$1,900.00</span>
                                        </div>
                                        <a href="<?php echo $this->url(array('controller' => 'cart', 'action' => 'index'), null, true); ?>" title="Checkout" class="colors-btn">Checkout</a>
                                        <div class="clear"></div>
                                    </li>
                                </ol>
                            </div>
                        </div>
                        <div class="search-block">
                            <input type="text" value="Search" />
                            <input type="submit" value="Search" title="Search" />
                        </div>
                    </section>
                </div>
                <h1 class="logo">
                    <?php $logo = $this->Banner('logo'); ?>
                    <a href="<?php echo $this->url(array(), 'home', true); ?>" title="<?php echo $logo->banner; ?>">
                        <img title="<?php echo $logo->banner; ?>" alt="<?php echo $logo->banner; ?>" src="<?php echo $logo->image; ?>" />
                    </a>
                </h1>
                <?php
                    
                ?>
                <nav id="smoothmenu1" class="ddsmoothmenu mainMenu">
                    <ul id="nav">
                        <li id="home" class="active">
                            <a href="<?php echo $this->url(array(), 'home', true); ?>" title="Home">
                                <?php echo $this->translate('home'); ?>
                            </a>
                        </li>
                        
                        <li>
                            <a href="<?php echo $this->url(array(), 'page_about', true); ?>" title="<?php echo $this->translate('about'); ?>">
                                <?php echo $this->translate('about'); ?>
                            </a>
                        </li>
                        
                        <li>
                            <a href="<?php echo $this->url(array(), 'page_howtobuy', true); ?>" title="<?php echo $this->translate('how to buy'); ?>">
                                <?php echo $this->translate('how to buy'); ?>
                            </a>
                        </li>
                        
                        <li>
                            <a href="<?php echo $this->url(array(), 'contact_warranty', true); ?>" title="<?php echo $this->translate('contact'); ?>">
                                <?php echo $this->translate('make money online'); ?>
                            </a>
                        </li>
                        
                        <li>
                            <a href="<?php echo $this->url(array(), 'contact_warranty', true); ?>" title="<?php echo $this->translate('contact'); ?>">
                                <?php echo $this->translate('warranty'); ?>
                            </a>
                        </li>
                        
                        <li>
                            <a href="<?php echo $this->url(array(), 'contact', true); ?>" title="<?php echo $this->translate('contact'); ?>">
                                <?php echo $this->translate('contact'); ?>
                            </a>
                        </li>
                    </ul>
                </nav>

                <div class="mobMenu">
                    <h1>
            <span>Menu</span>
            <a class="menuBox highlight" href="javascript:void(0);">ccc</a>
            <span class="clearfix"></span>
            </h1>
                    <div id="menuInnner" style="display:none;">
                        <ul class="accordion">
                            <li id="home" class="active">
                            <a href="<?php echo $this->url(array(), 'home', true); ?>" title="Home">
                                <?php echo $this->translate('home'); ?>
                            </a>
                        </li>
                        <li id="blog" class="">
                            <a href="<?php echo $this->url(array(), 'blog', true); ?>" title="<?php echo $this->translate('blog'); ?>">
                                <?php echo $this->translate('blog'); ?>
                            </a>
                        </li>
                        <li id="howto" class="parent">
                            <a title="<?php echo $this->translate('how to'); ?>">
                                <?php echo $this->translate('how to'); ?>
                            </a>
                            <ul>
                                <li>
                                    <a href="<?php echo $this->url(array(), 'page_howtobuy', true); ?>" title="<?php echo $this->translate('how to buy'); ?>">
                                        <?php echo $this->translate('how to buy'); ?>
                                    </a>
                                </li>
                                <li>
                                    <a href="<?php echo $this->url(array(), 'page_howtoinstall', true); ?>" title="<?php echo $this->translate('how to install'); ?>">
                                        <?php echo $this->translate('how to install'); ?>
                                    </a>
                                </li>
                                <li>
                                    <a href="<?php echo $this->url(array(), 'page_warranty', true); ?>" title="<?php echo $this->translate('how to warranty'); ?>">
                                        <?php echo $this->translate('how to warranty'); ?>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li id="help" class="parent">
                            <a title="<?php echo $this->translate('contact'); ?>">
                                <?php echo $this->translate('contact'); ?>
                            </a>
                            <ul>
                                <li>
                                    <a href="<?php echo $this->url(array(), 'contact', true); ?>" title="<?php echo $this->translate('contact'); ?>">
                                        <?php echo $this->translate('contact'); ?>
                                    </a>
                                </li>
                                <li>
                                    <a href="<?php echo $this->url(array(), 'contact_warranty', true); ?>" title="<?php echo $this->translate('contact'); ?>">
                                        <?php echo $this->translate('warranty'); ?>
                                    </a>
                                </li>
                            </ul>
                        </li>
                            <span class="clearfix"></span>
                        </ul>

                    </div>
                </div>

            </header>
        </div>
        <!--Banner Block-->
        <!--<section class="banner-wrapper">
            <div class="banner-block container">
                <div class="flexslider">
                    <ul class="slides">
                        <?php
                            $sliderImage = $this->Banner('slider', 4);
                        ?>
                        <?php foreach($sliderImage as $banner): ?> 
                        <li>
                            <a href="<?php echo $banner->link; ?>" title="<?php echo $banner->banner; ?>">
                                <img title="<?php echo $banner->banner; ?>" alt="<?php echo $banner->banner; ?>" src="<?php echo $banner->image; ?>" />
                            </a>
                        </li>
                        <?php endforeach; ?>
                    </ul>
                </div>
                <ul class="banner-add">
                    <li class="add1">
                        <?php $bannerTop = $this->Banner('top'); ;?>
                        <a href="<?php echo $bannerTop->link; ?>" title="<?php echo $bannerTop->banner; ?>">
                            <img title="<?php echo $bannerTop->banner; ?>" alt="<?php echo $bannerTop->banner; ?>" src="<?php echo $bannerTop->image; ?>" />
                        </a>
                    </li>
                    <li class="add2">
                        <?php $bannerBottom = $this->Banner('bottom'); ?>
                        <a href="<?php echo $bannerBottom->link; ?>" title="<?php echo $bannerBottom->banner; ?>">
                            <img title="<?php echo $bannerBottom->banner; ?>" alt="<?php echo $bannerBottom->banner; ?>" src="<?php echo $bannerBottom->image; ?>" />
                        </a>
                    </li>
                </ul>
            </div>
        </section>-->
        <!--Content Block-->
        <?php echo $this->layout()->content; ?>
    </div>
    <!--Quick view Block-->
    <script type="text/javascript">
        jQuery(function () {
            var tabContainers = jQuery('div.tabs > div');
            tabContainers.hide().filter(':first').show();
            jQuery('div.tabs ul.tabNavigation a').click(function () {
                tabContainers.hide();
                tabContainers.filter(this.hash).show();
                jQuery('div.tabs ul.tabNavigation a').removeClass('selected');
                jQuery(this).addClass('selected');
                return false;
            }).filter(':first').click();
        });
    </script>
    <article style="display:none;">
        <section id="quick-view-container" class="quick-view-wrapper">
            <div class="quick-view-container">
                <div class="quick-view-left">
                    <h2>Sunglass RB3184</h2>
                    <div class="product-img-box">
                        <p class="product-image">
                            <img src="<?php echo $this->templateURL; ?>/images/sale_icon_img.png" title="Sale" alt="Sale" class="sale-img" />
                            <a href="view.html" title="Image">
                                <img src="<?php echo $this->templateURL; ?>/images/quick_view_img.png" title="Image" alt="Image" />
                            </a>
                        </p>
                        <ul class="thum-img">
                            <li>
                                <img src="<?php echo $this->templateURL; ?>/images/quick_thum_img.png" title="" alt="" />
                            </li>
                            <li>
                                <img src="<?php echo $this->templateURL; ?>/images/quick_thum_img.png" title="" alt="" />
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="quick-view-right tabs">
                    <ul class="tab-block tabNavigation">
                        <li><a class="selected" title="Overview" href="#tabDetail">Overview</a>
                        </li>
                        <li><a title="Description" href="#tabDes">Description</a>
                        </li>
                    </ul>
                    <div id="tabDetail" class="tabDetail">
                        <div class="first-review">Be the first to review this product</div>
                        <div class="price-box">
                            <span class="price">$600.00</span>	
                        </div>
                        <div class="availability">In stock</div>
                        <div class="color-size-block">
                            <div class="label-row">
                                <label><em>*</em> color</label>
                                <span class="required">* Required Fields</span>	
                            </div>
                            <div class="select-row">
                                <select>
                                    <option>-- Please Select --</option>
                                </select>
                            </div>
                            <div class="label-row">
                                <label><em>*</em> size</label>
                            </div>
                            <div class="select-row">
                                <select>
                                    <option>-- Please Select --</option>
                                </select>
                            </div>
                        </div>
                        <div class="add-to-cart-box">
                            <span class="qty-box">
					<label for="qty">Qty:</label>
					<a class="prev" title="" href="#"><img alt="" title="" src="<?php echo $this->templateURL; ?>/images/qty_prev.png"></a>
					<input type="text" name="qty" class="input-text qty" id="qty" maxlength="12" value="1">
					<a class="next" title="" href="#"><img alt="" title="" src="<?php echo $this->templateURL; ?>/images/qty_next.png"></a>				</span>
                            <button title="Add to Cart" class="form-button"><span>Add to Cart</span>
                            </button>
                        </div>
                    </div>
                    <div id="tabDes" class="tabDes">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas erat odio, suscipit eu porta et, ultricies id sapien. Quisque posuere odio eget lectus suscipit sodales. Sed consequat, leo ut varius scelerisque, augue massa tincidunt est, et tincidunt enim tortor a metus. In sit amet diam in tellus tincidunt mollis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi hendrerit eleifend tortor, a dapibus tellus suscipit porta. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In mollis adipiscing mi et volutpat. Aliquam vitae dui nunc. Nulla ac ante eu massa dictum volutpat. Sed mauris sem, posuere sit amet pretium consectetur, ullamcorper vel orci. Aenean feugiat luctus lectus ac hendrerit. Fusce pulvinar, mauris eget sodales suscipit, diam neque condimentum lectus, id imperdiet felis turpis egestas neque. In aliquet orci eget nisl sollicitudin sed gravida tortor commodo</p>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
        </section>
    </article>
    <!--Footer Block-->
    <section class="footer-wrapper">
        <footer class="container">
            <div class="link-block">
                <ul>
                    <li class="link-title">
                        <a title="<?php echo $this->translate('about us'); ?>">
                            <?php echo $this->translate('about us'); ?>
                        </a>
                    </li>
                    <li>
                        <a href="<?php echo $this->url(array(), 'page_about', true); ?>" title="<?php echo $this->translate('about'); ?>">
                            <?php echo $this->translate('about'); ?>
                        </a>
                    </li>
                    <li>
                        <a href="<?php echo $this->url(array(), 'page_howtobuy', true); ?>" title="Customer Service">
                            <?php echo $this->translate('customer service'); ?>
                        </a>
                    </li>
                    <li>
                        <a href="<?php echo $this->url(array(), 'contact', true); ?>" title="<?php echo $this->translate('contact'); ?>">
                            <?php echo $this->translate('contact'); ?>
                        </a>
                    </li>
                </ul>
                <ul>
                    <li class="link-title">
                        <a title="CUSTOMER SERVICES">
                            Chăm sóc khách hàng
                        </a>
                    </li>
                    <li>
                        <a href="<?php echo $this->url(array(), 'page_howtobuy', true); ?>" title="<?php echo $this->translate('how to buy'); ?>">
                            <?php echo $this->translate('how to buy'); ?>
                        </a>
                    </li>
                    <li>
                        <a href="<?php echo $this->url(array(), 'page_howtoinstall', true); ?>" title="<?php echo $this->translate('how to install'); ?>">
                            <?php echo $this->translate('how to install'); ?>
                        </a>
                    </li>
                    <li>
                        <a href="<?php echo $this->url(array(), 'page_warranty', true); ?>" title="<?php echo $this->translate('how to warranty'); ?>">
                            <?php echo $this->translate('how to warranty'); ?>
                        </a>
                    </li>
                </ul>
                <ul>
                    <li class="link-title">
                        <a title="CUSTOMER SERVICES">
                            Hỗ trợ
                        </a>
                    </li>
                    <li>
                        <a href="ymsgr:sendim?nganluong_sup_tech" title="Shipping & Returns">
                            <img src="<?php echo $this->templateURL; ?>/images/icon-ym.gif" />
                            Hỗ trợ cài đặt 1
                        </a>
                    </li>
                    <li>
                        <a href="ymsgr:sendim?nhat.do90" title="Secure Shopping">
                            <img src="<?php echo $this->templateURL; ?>/images/icon-ym.gif" />
                            Hỗ trợ cài đặt 2
                        </a>
                    </li>
                    <li>
                        <a href="contact_us.html" title="Contact Us">
                            <img src="<?php echo $this->templateURL; ?>/images/icon-skype.png" />
                            Contact Us
                        </a>
                    </li>
                </ul>
                <ul>
                    <li class="link-title">
                        <a href="#" title="ABOUTUS">
                            ABOUT US
                        </a>
                    </li>
                    <li class="aboutus-block">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet ligula lectus, a mollis diam. Nulla porttitor pulvinar elit... <a href="about_us.html" title="read more">read more</a> 
                    </li>
                </ul>
                <ul class="stay-connected-blcok">
                    <li class="link-title"><a href="#" title="STAY CONNECTED...">STAY CONNECTED...</a>
                    </li>
                    <li>
                        <ul class="social-links">
                            <li>
                                <a data-tooltip="Like us on facebook" href="#">
                                    <img alt="facebook" src="<?php echo $this->templateURL; ?>/images/facebook.png" />
                                </a>
                            </li>
                            <li>
                                <a data-tooltip="Subscribe to RSS feed" href="#">
                                    <img alt="RSS" src="<?php echo $this->templateURL; ?>/images/rss.png" />
                                </a>
                            </li>
                            <li>
                                <a data-tooltip="Follow us on twitter" href="#">
                                    <img alt="twitter" src="<?php echo $this->templateURL; ?>/images/twitter.png" />
                                </a>
                            </li>
                            <li>
                                <a data-tooltip="Follow us on Dribbble" href="#">
                                    <img alt="dribbble" src="<?php echo $this->templateURL; ?>/images/dribbble.png" />
                                </a>
                            </li>
                            <li>
                                <a data-tooltip="Follow us on Youtube" href="#">
                                    <img alt="youtube" src="<?php echo $this->templateURL; ?>/images/youtube.png" />
                                </a>
                            </li>
                            <li>
                                <a data-tooltip="Follow us on skype" href="#">
                                    <img alt="skype" src="<?php echo $this->templateURL; ?>/images/skype.png" />
                                </a>
                            </li>
                        </ul>
                        <div class="payment-block">
                            <img src="<?php echo $this->templateURL; ?>/images/payment.png" alt="payment" />
                        </div>
                    </li>
                </ul>
            </div>
            <div class="footer-bottom-block">
                <ul class="bottom-links">
                    <li>
                        <a href="<?php echo $this->baseUrl(); ?>" title="<?php echo $this->translate('home'); ?>">
                            <?php echo $this->translate('home'); ?>
                        </a>
                    </li>
                    <li>
                        <a href="<?php echo $this->baseUrl(); ?>" title="<?php echo $this->translate('pages'); ?>">
                            <?php echo $this->translate('pages'); ?>
                        </a>
                    </li>
                    <li>
                        <a href="<?php echo $this->baseUrl(); ?>" title="<?php echo $this->translate('about'); ?>">
                            <?php echo $this->translate('about'); ?>
                        </a>
                    </li>
                    <li>
                        <a href="<?php echo $this->baseUrl(); ?>" title="<?php echo $this->translate('contact'); ?>">
                            <?php echo $this->translate('contact'); ?>
                        </a>
                    </li>
                </ul>
                <p class="copyright-block">© 2014 <a href="http://ducnhat.info" target="_blank">www.ducnhat.info</a> - Bản quyền được bảo vệ.</p>
            </div>
        </footer>
    </section>
</body>

</html>